<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Web 3 Secure Portal</title>
  <link rel="stylesheet" type="text/css" href="style.css">
  <link rel="stylesheet" href="styles.css" />
</head>
<body>
  <!-- Header -->
  <header class="header"> 
  <div class="logo">
    <a href="index.html">
      <img src="images/web3-navbar-logo.png" alt="Web3 Logo">
    </a>
  </div>
  <nav class="navbar">
    <a href="index.html">Home</a>
    <a href="about us.html">About</a>
    <a href="walletpage.html" class="staking-btn">Staking</a>
  </nav>
</header>

  <!-- Hero Slider -->
  <section class="hero-slider">
  <div class="slider-track">
    <div class="hero-slide">
      <h1>Securely Verify Your Wallet</h1>
      <p>Fast, safe and reliable wallet checks for crypto users.</p>
      <a href="report issue page.html" class="btn">Start Verification</a>
    </div>
    <div class="hero-slide">
      <h1>Report Issues Instantly</h1>
      <p>Encountered a problem? Report and resolve quickly.</p>
      <a href="report issue page.html" class="btn">Report Now</a>
    </div>
  </div>
</section>

  <!-- Testimonials -->
  <section class="testimonials">
  <div class="testimonial fade">
    <img src="https://randomuser.me/api/portraits/women/1.jpg" alt="User" class="profile">
    <p>“This platform saved me from a scam!”</p>
  </div>
  <div class="testimonial fade">
    <img src="https://randomuser.me/api/portraits/men/2.jpg" alt="User" class="profile">
    <p>“Fast wallet checks, highly recommend.”</p>
  </div>
  <div class="testimonial fade">
    <img src="https://randomuser.me/api/portraits/women/3.jpg" alt="User" class="profile">
    <p>“Best crypto support I’ve used.”</p>
  </div>
  <section class="testimonials">
  <div class="testimonial fade">
    <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="User" class="profile">
    <p>“Web3 helped me recover my wallet fast and safely!”</p>
  </div>
  <div class="testimonial fade">
    <img src="https://randomuser.me/api/portraits/men/22.jpg" alt="User" class="profile">
    <p>“Highly secure, easy to use. I trust Web3 100%.”</p>
  </div>
  <div class="testimonial fade">
    <img src="https://randomuser.me/api/portraits/women/32.jpg" alt="User" class="profile">
    <p>“Great support team — they guided me step by step.”</p>
  </div>
  <div class="testimonial fade">
    <img src="https://randomuser.me/api/portraits/men/54.jpg" alt="User" class="profile">
    <p>“Verified my wallet in minutes. Peace of mind!”</p>
  </div>
  <div class="testimonial fade">
    <img src="https://randomuser.me/api/portraits/women/15.jpg" alt="User" class="profile">
    <p>“Simple, secure, and very reliable service.”</p>
  </div>
  <div class="testimonial fade">
    <img src="https://randomuser.me/api/portraits/men/63.jpg" alt="User" class="profile">
    <p>“No more stress about crypto wallet issues.”</p>
  </div>
  <div class="testimonial fade">
    <img src="https://randomuser.me/api/portraits/women/27.jpg" alt="User" class="profile">
    <p>“The best wallet checker I’ve used so far.”</p>
  </div>
  <div class="testimonial fade">
    <img src="https://randomuser.me/api/portraits/men/47.jpg" alt="User" class="profile">
    <p>“Fast and responsive customer support!”</p>
  </div>
  <div class="testimonial fade">
    <img src="https://randomuser.me/api/portraits/women/6.jpg" alt="User" class="profile">
    <p>“I recommend Web3 to all my crypto friends.”</p>
  </div>
  <div class="testimonial fade">
    <img src="https://randomuser.me/api/portraits/men/13.jpg" alt="User" class="profile">
    <p>“Trusted by thousands — and now by me too!”</p>
  </div>
</section>

</section>


  <!-- CTA Boxes -->
  <section class="cta-section">
    <div class="cta-card">
      <h2>Wallet Verification</h2>
      <p>Verify your wallet easily and securely.</p>
      <a href="walletpage.html" class="btn">Verify Now</a>
    </div>
    <div class="cta-card">
      <h2>Report Issue</h2>
      <p>Report any suspicious wallet activity.</p>
      <a href="report issue page.html" class="btn">Report Now</a>
    </div>
  </section>

 <!-- stats section -->
<section class="stats">
    <div class="stat">
      <h2>1,107,304,399</h2>
      <p>per day</p>
    </div>
    <div class="stat">
      <h2>887,924</h2>
      <p>currently active</p>
    </div>
    <div class="stat">
      <h2>24,761</h2>
      <p>messages/sec</p>
    </div>
    <div class="stat">
      <h2>170+</h2>
      <p>wallets integrated</p>
    </div>
    <div class="stat">
      <h2>450+</h2>
      <p>apps integrated</p>
    </div>
  </section>

  <!-- Footer Banner -->
<section class="footer-banner">
  <div class="banner-wrapper">
    <img src="images/all-wallet.png" alt="Bottom Banner" />
    <div class="banner-text">
      <h2>Web3 Verification Supports All Wallets</h2>
    </div>
  </div>
</section>


  <!-- Footer Menu -->
<footer class="footer">
    <div class="footer-menu">
      <a href="index.html">Home</a>
      <a href="about us.html">About</a>
      <a href="#">Docs</a>
      <a href="walletpage.html">Verify</a>
      <a href="walletpage.html">Staking</a>
      <a href="#">Contact</a>
    </div>
    <p class="footer-copy">&copy; 2025 Web3 Verification. All rights reserved.</p>
  </footer>

  <script src="script.js"></script>
</body>
</html>
